<template>
	<div id="container">
		<header >
			<van-nav-bar
			  title="我的活动"
			  left-text="返回"
			  left-arrow
			  @click-left="onClickLeft"
			/>
		</header>
		<div id="content">
				<van-icon name="music" />
				<h3>您当前还没参加过活动</h3>	
		</div>
	</div>
</template>

<script>
	
	export default{
		name:'Active',
		methods:{
			onClickLeft(){
				this.$router.go(-1)
			}
		}
	}
</script>

<style scoped>
h1,h2,h3{
	padding: 0;
	margin: 0;
}
#container{
	height: 100vh;
	background: #f3f3f3;
}	
/* ------------------------header----------------- */
header .van-nav-bar{
	height:47px;
}
header .van-nav-bar__title{
	font-size:18px;
	font-weight:600;
	font-family:"楷体";
	color:#3c3c3c;
}
.van-nav-bar__text,.van-nav-bar__arrow{
	color:#2b2b2b;
	font-size:16px;
}
header .van-nav-bar__text{
	font-family: "楷体";
	font-weight:600;
}
/* ------------------active-content------------------ */

#content {
	text-align: center;
}
#content .van-icon-music{
	font-size: 150px;
	color: #c0c4c7;
	margin-top:150px;
	margin-bottom: 10px;
}
#content h3{
	font-family: "楷体";
	font-size: 18px;
	color: #989898;;
	font-weight: 600;
}

</style>
